<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>   
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인</title>
<style type="text/css">
	#wrapper{
		width:700px;
		margin-top: 80px;
		margin-left :170px;
	}
	#title{
		margin: auto;
	}
	#login_box{
		margin-left:100px;
		padding:10px 0;
	}
	.login{
		width: 500px;
		height: 90px;
	}
	#login_id{
		width: 310px;
		height: 90px;
		float: left;
		margin-left: 40px;
		margin-top: 5px;
	}
	#login_btn_ok{
		width: 150px;
		float: right;
		margin-top: 20px;
	}
	#login_btn{
		width:430px;
		float: left;
		margin-left: 50px;
		margin-top: 10px;
	}
	img, fieldset{
		border:none;
		vertical-align: middle;
	}
	.btn_ok{
		width:80px;
		height:50px;
		background-color:#993B3B;
		font-family: "맑은 고딕";
		font-size:10pt;
		color:white;
		border:0;
		border-radius: 5px;
	}
	.btn{
		width:130px;
		height:30px;
		margin-right:10px;
		background-color: #0D836B;
		font-family: "맑은 고딕";
		font-size:9pt;
		color:white;
		border: 0;
		border-radius: 5px;
	}
</style>

</head>
<body>
<div id="wrapper" style="text-align: center;">
	<div id="title">
		<img src="./images/member/title_login.jpg" align="middle">
	</div>
		<div style="text-align: center;">
			<div id="middle">
				<fieldset id="login_box">
				<div>
					&nbsp;&nbsp;<img src="./images/member/info_login.jpg">
				</div>
				<form:form commandName="memberCommand">
				<div class="login">
					<div id="login_id">
						<p style="margin-bottom: 0px">
							<img src="./images/member/txt_email.jpg">&nbsp;&nbsp;&nbsp;&nbsp;
							<form:input path="email" style="width:180px;" name="email" title="입력하세요" maxlength="20"/><br>
							<span style="color: red; font-size: 9px; font-family: nanum;"><form:errors path="email"/></span>
						</p>
						<p style="margin-top: 10px;">
							<img src="./images/member/txt_pw.jpg">&nbsp;&nbsp;
							<form:password path="passwd" style="width:180px;" name="passwd" title="입력하세요" maxlength="20"/><br>
							<span style="color: red; font-size: 9px; font-family: nanum;"><form:errors path="passwd"/></span>
						</p>
					</div>
					<div id="login_btn_ok" style="text-align: left;">
						<input type="submit" value="확 인" class="btn_ok" style="cursor: pointer">
					</div>
				</div>
				</form:form>
				<div id="login_btn">
					<input type="button" onclick="location.href='index.do'" value="메인으로" class="btn" style="cursor: pointer"><input type="button" onclick="location.href='findEmailpass.do'" value="아이디/비밀번호 찾기" class="btn" style="cursor: pointer"><input type="button" onclick="location.href='insert.do'" value="회원가입" class="btn" style="cursor: pointer">
				</div>
				</fieldset>
			</div>
		</div>
</div>
</body>
</html>